<p-dialog header="物品清单" [(visible)]="display" modal="modal" [width]="width"  [responsive]="true" (onHide)="closeBorrowItems(false)">
  <div class="content-section  GridDemo clearfixes borrowitems">
    <form>
      <div class="ui-grid ui-grid-responsive ui-grid-pad ui-fluid" style="margin: 10px 0px">
        <form>
        <div class="mysearch">
          <div class="ui-g">
            <div class="ui-g-5 ui-sm-12">
              <label class="ui-g-2 ui-sm-5  text-right">物品编号：</label>
              <div class="ui-g-4 ui-sm-7 ui-fluid  ui-no-padding-right-15px ">
                <input  pInputText type="text" name="status" placeholder="物品编号"  [(ngModel)]="queryModel.condition.sid" />
              </div>
              <label class="ui-g-2 ui-sm-5 text-right">物品名称：</label>
              <div class="ui-g-4  ui-sm-7 ui-fluid">
                <input pInputText type="text" name="sid" placeholder="物品名称" [(ngModel)]="queryModel.condition.name" />
              </div>

            </div>
            <div class="ui-g-3 ui-sm-12">
              <div class="ui-g-4 ui-sm-12 option">
                <button pButton type="button" label="查询"  (click)="suggestInsepectiones()" ></button>
              </div>
              <div class="ui-g-4 ui-sm-12 option">
                <button pButton label="清空"  (click)="clearSearch()" ></button>
              </div>
            </div>
          </div>
        </div>
        </form>
        <p-dataTable [value]="MaterialData"
                     [totalRecords]="totalRecords"  [(selection)]="selectMaterial">
          <p-column [style]="{'width':'38px'}" selectionMode="multiple"></p-column>
          <p-column  *ngFor="let col of cols" field="{{col.field}}" header="{{col.header}}"></p-column>
          <ng-template pTemplate="emptymessage">
            当前没有数据
          </ng-template>
        </p-dataTable>
        <p-paginator rows="10" [totalRecords]="totalRecords" [rowsPerPageOptions]="[10,20,30]" (onPageChange)="paginate($event)"></p-paginator>
      </div>
    </form>
  </div>
  <p-footer>
    <button type="button" pButton icon="fa-check"  label="确定" (click)="formSubmit(false)" [disabled]="selectMaterial.length===0"></button>
    <button type="button" pButton icon="fa-close" (click)="closeBorrowItems(false)" label="取消"></button>
  </p-footer>
</p-dialog>
